{capture assign='pageTitle'}{$news->getTitle()}{/capture}
{assign var='newsLikeData' value=$news->getLikeData()}
{capture assign='contentHeader'}
	<header class="contentHeader news likeNews jsMessage newsNews{if $news->isDisabled} messageDisabled{/if}{if $news->isDeleted} messageDeleted{/if}"
	        data-can-delete="{$news->canDelete()}"
	        data-can-trash="{$news->canTrash()}"
	        data-can-edit="{$news->isEditable()}"
	        data-can-update="{$news->canAddUpdate()}"
	        data-can-manage-update="{$news->canManageUpdates()}"
	        data-edit-url="{link application="news" controller="NewsEdit" object=$news}{/link}"
	        data-add-update-url="{link controller="NewsUpdateAdd" application="news" object=$news}{/link}"
	        data-update-list-url="{link controller="NewsUpdateList" application="news" object=$news}{/link}"
	        data-can-edit-inline="{$news->isEditable()}"
	        data-can-enable="{$news->canEnableNews()}"
	        data-is-deleted="{if $news->isDeleted}1{else}0{/if}"
	        data-is-disabled="{if $news->isDisabled}1{else}0{/if}"
            {@$__wcf->getReactionHandler()->getDataAttributes('de.wbb-elite.news.likeableNews', $news->newsID)}>
		<div class="contentHeaderIcon">
            {user object=$news->getUserProfile() type='avatar64' ariaHidden="true" tabindex="-1"}

            {event name='icons'}
		</div>
		<div class="contentHeaderTitle">
			<h1 class="contentTitle">
                {if $news->isHot()}
					<span class="badge label green hotMessageBadge">{lang}de.wbb-elite.news.isHot{/lang}</span>
                {/if}
                {if $news->isNew()}
					<span class="badge label">{lang}wcf.message.new{/lang}</span>{/if}
				<span itemprop="name headline">{$news->getTitle()}</span>
			</h1>
			<ul class="inlineList contentHeaderMetaData newsMetaData">
                {if $news->hasLabels()}
					<li>
						<span class="icon icon16 fa-tags"></span>
						<ul class="labelList">
                            {foreach from=$news->getLabels() item=label}
								<li>
									<span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span>
								</li>
                            {/foreach}
						</ul>
					</li>
                {/if}

				<li itemprop="author" itemscope itemtype="http://schema.org/Person">
                    {if $news->userID}
						<a href="{link controller='User' id=$news->userID title=$news->username}{/link}"
						   class="userLink" data-user-id="{@$news->userID}" itemprop="url">
							<span class="icon icon16 fa-user"></span>
							<span itemprop="name">{$news->username}</span>
						</a>
                    {else}
						<span class="icon icon16 fa-user"></span>
						<span itemprop="name">{$news->username}</span>
                    {/if}
				</li>

				<li>
					<span class="icon icon16 fa-clock-o"></span>
					<span>{@$news->time|time}</span>
					<meta itemprop="datePublished" content="{@$news->time|date:'c'}">
					<meta itemprop="dateModified" content="{@$news->time|date:'c'}">
				</li>

                {if DE_WBB_ELITE_NEWS_ENABLE_COMMENT}
					<li itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
						<span class="icon icon16 fa-comments"></span>
						<span>{lang}de.wbb-elite.news.comments.count{/lang}</span>
						<meta itemprop="interactionType" content="http://schema.org/CommentAction">
						<meta itemprop="userInteractionCount" content="{@$news->comments}">
					</li>
                {/if}

				<li>
					<span class="icon icon16 fa-eye"></span>
                    {lang}de.wbb-elite.news.view.count{/lang}
				</li>
			</ul>

			<meta itemprop="mainEntityOfPage" content="{$canonicalURL}">
			<div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
				<meta itemprop="name" content="{PAGE_TITLE|language}">
				<div itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
					<meta itemprop="url" content="{$__wcf->getStyleHandler()->getStyle()->getPageLogo()}">
				</div>
			</div>
		</div>
        {hascontent}
			<nav class="contentHeaderNavigation newsLikeSection">
				<ul class="jsNewsInlineEditorContainer buttonGroup" data-news-id="{@$news->newsID}"
				    data-is-disabled="{@$news->isDisabled}">
                    {content}
                        {if $__wcf->getUser()->userID && $news->userID != $__wcf->getUser()->userID}
							<li>
								<ul class="buttonGroup reactButtonContainer">
									<li>
										<a href="#"
										   class="reactButton jsTooltip button{if $newsLikeData[$news->newsID]|isset && $newsLikeData[$news->newsID]->reactionTypeID} active{/if} ignoreMobileNavigation"
										   title="{lang}wcf.reactions.react{/lang}"
										   data-reaction-type-id="{if $newsLikeData[$news->newsID]|isset && $newsLikeData[$news->newsID]->reactionTypeID}{$newsLikeData[$news->newsID]->reactionTypeID}{else}0{/if}">
											<span class="icon icon16 fa-smile-o"></span>
											<span class="invisible">{lang}wcf.reactions.react{/lang}</span>
										</a>
									</li>
								</ul>
							</li>
                        {/if}
                        {if $__wcf->session->getPermission('user.profile.canReportContent')}
							<li class="Link jsReportNews jsOnly" data-object-id="{@$news->newsID}">
								<a
										title="{lang}wcf.moderation.report.reportContent{/lang}"
										class="button jsTooltip"><span
											class="icon icon16 fa-warning"></span>
									<span
											class="invisible">{lang}wcf.moderation.report.reportContent{/lang}</span>
								</a>
							</li>
                        {/if}
                        {if $news->canManageNews()}
							<li>
								<a href="#" class="button jsNewsEditButton jsOnly">
									<span class="icon icon16 fa-pencil"></span>
									<span>{lang}de.wbb-elite.news.news.edit.title{/lang}</span>
								</a>
							</li>
                        {/if}
                        {event name='contentHeaderNavigation'}
                    {/content}
				</ul>
			</nav>
        {/hascontent}
	</header>
{/capture}

{capture assign='headContent'}
    {if $news->isMultilingual}
        {foreach from=$languages item=language}
			<link rel="alternate" hreflang="{$language->languageCode}" href="{$news->getLanguageLink($language)}">
        {/foreach}
    {/if}
	<link rel="amphtml" href="{link application='news' controller='NewsAmp' object=$news}{/link}">
{/capture}

{capture assign='sidebarRight'}
    {if $otherNewsFromUser|isset && $otherNewsFromUser|count > 0}
		<section class="box">
			<h2 class="boxTitle">{lang}de.wbb-elite.news.sidebar.other.user{/lang}</h2>
			<div class="boxContent">
                {include application='news' file="boxNewsListSidebar" boxNewsList=$otherNewsFromUser}
				<a href="{link application="news" controller="UserNewsList" id=$news->userID title=$news->username}{/link}"
				   class="button small more">{lang}de.wbb-elite.news.all{/lang}</a>
			</div>
		</section>
    {/if}
    {if DE_WBB_ELITE_NEWS_SHOW_SUBSCRIBED}
		<section class="box">
			<div class="boxContent boxNewsSubscribe text-center">
			<span class="button jsSubscribeButton" data-object-type="de.wbb-elite.news.watch"
			      data-object-id="{@$news->newsID}"
			      data-is-subscribed="{if $news->isSubscribed()}true{else}false{/if}">
				{if $news->isSubscribed()}
                    {lang}de.wbb-elite.news.sidebar.is.subscribed{/lang}
                {else}
                    {lang}de.wbb-elite.news.sidebar.not.subscribed{/lang}
                {/if}
			</span>
			</div>
		</section>
    {/if}
{/capture}


{capture assign='headerNavigation'}
    {if $__wcf->user->userID}
		<li class="jsOnly">
			<a href="#" title="{lang}wcf.user.objectWatch.manageSubscription{/lang}"
			   class="jsSubscribeButton jsTooltip" data-object-type="de.wbb-elite.news.watch"
			   data-object-id="{@$news->newsID}"
			   data-is-subscribed="{if $news->isSubscribed()}true{else}false{/if}"><span
						class="icon icon16 fa-bookmark{if !$news->isSubscribed()}-o{/if}"></span>
				<span
						class="invisible">{lang}wcf.user.objectWatch.manageSubscription{/lang}</span>
			</a>
		</li>
    {/if}
{/capture}
{include file='header'}

<div class="section tabMenuContainer">
    {if !DE_WBB_ELITE_NEWS_COMMENTS_BOTTOM}
		<nav class="tabMenu">
			<ul>
				<li id="newsTab">
					<a href="{@$__wcf->getAnchor('news')}"
					   title="{lang}de.wbb-elite.news.tab{/lang}">{lang}de.wbb-elite.news.tab{/lang}</a>
				</li>
                {if DE_WBB_ELITE_NEWS_ENABLE_COMMENT}
					<li id="commentTab">
						<a
								href="{@$__wcf->getAnchor('comments')}">{lang}de.wbb-elite.news.tab.comment{/lang}</a>
					</li>
                {/if}
                {event name='tabMenu'}
			</ul>
		</nav>
    {/if}
	<div id="news" class="tabMenuContent" data-menu-item="news">
		<div class="section">
            {if $news->getNewsImage() && DE_WBB_ELITE_NEWS_IMAGE_NEWS}
				<section class="section">
					<figure itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
						<div class="newsPreview">{@$news->getNewsImage()->getTag()}</div>
						<meta itemprop="url" content="{$news->getNewsImage()->getURL()}">
						<meta itemprop="width" content="{@$news->getNewsImage()->getWidth()}">
						<meta itemprop="height" content="{@$news->getNewsImage()->getHeight()}">
					</figure>
				</section>
            {/if}
			{if DE_WBB_ELITE_NEWS_SHOW_TEASER && !$news->getTeaser()|empty && $news->getNewsUpdates()|count > 0}
				<div class="htmlContent" itemprop="text">
                    {@$news->getTeaserHTMLMessage()}
                    {event name='afterMessage'}
				</div>
			{/if}
			<div{if $enableEditMode} class="jsClipboardContainer" data-type="de.wbb-elite.news.update.clipboard"{/if}>
                {foreach from=$news->getNewsUpdates() item=newsUpdate}
					<section id="newsUpdate{$newsUpdate->updateID}"
					         data-object-id="{$newsUpdate->updateID}"
					         data-news-id="{$newsUpdate->newsID}"
					         data-can-delete="{$newsUpdate->canDelete()}"
					         data-can-trash="{$newsUpdate->canDelete()}"
					         data-can-edit="{$newsUpdate->isEditable()}"
					         data-edit-url="{link application="news" controller="NewsUpdateEdit" object=$newsUpdate}{/link}"
					         data-can-edit-inline="{$newsUpdate->isEditable()}"
					         data-can-enable="{$newsUpdate->canDisable()}"
					         data-is-deleted="{if $newsUpdate->isDeleted}1{else}0{/if}"
					         data-is-disabled="{if $newsUpdate->isDisabled}1{else}0{/if}"
					         class="section jsClipboardObject newsUpdate{if $newsUpdate->isDisabled} messageDisabled{/if}{if $newsUpdate->isDeleted} messageDeleted{/if}">
						<div class="messageContent{if $__wcf->getUserProfileHandler()->isIgnoredUser($newsUpdate->userID)} ignoredUserMessage{/if}"
                                {if $__wcf->getUserProfileHandler()->isIgnoredUser($newsUpdate->userID)} data-ignored-user-message="{lang __ignoredUser=$newsUpdate->getUserProfile()}de.wbb-elite.news.update.ignoredUser{/lang}"{/if}>
							<header class="messageHeader">
								<div class="messageHeaderBox">
                                    {if $enableEditMode}
										<label class="messageClipboardCheckbox">
											<input
													type="checkbox" class="jsClipboardItem"
													data-object-id="{@$newsUpdate->updateID}">
										</label>
                                    {/if}
									<h2>{$newsUpdate->getTitle()}</h2>
									<ul class="messageStatus">
                                        {if $newsUpdate->isNew()}
											<li>
												<span class="badge label blue newMessageBadge">{lang}wcf.message.new{/lang}</span>
											</li>
                                        {/if}
                                        {if $newsUpdate->isDeleted}
											<li>
												<span class="badge label red jsIconDeleted">{lang}wcf.message.status.deleted{/lang}</span>
											</li>
                                        {/if}
                                        {if $newsUpdate->isDisabled}
											<li>
												<span class="badge label green jsIconDisabled">{lang}wcf.message.status.disabled{/lang}</span>
											</li>
                                        {/if}
									<ul>
								</div>
                                {hascontent}
									<nav class="contentHeaderNavigation">
										<ul class="jsNewsUpdateInlineEditorContainer buttonGroup"
										    data-news-update-id="{@$newsUpdate->newsID}"
										    data-is-disabled="{@$newsUpdate->isDisabled}">
                                            {content}
                                                {if $newsUpdate->canModerate()}
													<li>
														<a href="#" class="button jsNewsUpdateEditButton jsOnly">
															<span class="icon icon16 fa-pencil"></span>
															<span>{lang}de.wbb-elite.news.update.edit.title{/lang}</span>
														</a>
													</li>
                                                {/if}
                                                {event name='newsUpdateNavigation'}
                                            {/content}
										</ul>
									</nav>
                                {/hascontent}
							</header>
							<p class="newsUpdateTime messagePublicationTime">{@$newsUpdate->time|time}</p>
							<div class="htmlContent" itemprop="text">
                                {@$newsUpdate->getFormattedMessage()}
                                {event name='afterNewsUpdateMessage'}
							</div>
							<footer class="messageFooter">
								<div class="messageFooterNotes">
                                    {if $newsUpdate->isDeleted}
										<p class="messageFooterNote newsUpdateDeleteNote">{@$newsUpdate->getDeleteNote()}</p>
                                    {/if}
                                    {event name='messageFooterNotes'}
								</div>
							</footer>
                            {event name='afterNewsUpdateMessage'}
						</div>
					</section>
                {/foreach}
			</div>
			<section class="section">
				<div class="htmlContent" itemprop="text">
                    {@$news->getFormattedMessage()}
                    {event name='afterMessage'}
				</div>
				<div class="section newsReactionSummary">
                    {if !$newsLikeData|isset}{assign var=newsLikeData value=false}{/if}
                    {if MODULE_LIKE}{include file="reactionSummaryList" reactionData=$newsLikeData objectType="de.wbb-elite.news.likeableNews" objectID=$news->newsID}{/if}
				</div>
                {event name='beforeAttachments'}
				<footer class="messageFooter">
                    {include file='attachments'}
				</footer>
                {event name='afterAttachments'}
			</section>
		</div>
	</div>
    {event name='tabMenuContainer'}
</div>

{if ($nextNews || $previousNews) && DE_WBB_ELITE_NEWS_SHOW_NEXT_PREVIOUS}
	<div class="section newsNavigationButtons">
		<nav>
			<ul>
                {if $previousNews}
					<li class="newsPreviousButton">
						<a href="{@$previousNews->getLink()}" rel="prev">
							<div>
								<span class="newsNavigationName">{lang}de.wbb-elite.news.previousNews{/lang}</span>
								<span class="newsNavigationTitle">{$previousNews->getTitle()}</span>
							</div>
						</a>
					</li>
                {/if}

                {if $nextNews}
					<li class="newsNextButton">
						<a href="{@$nextNews->getLink()}" rel="prev">
							<div>
								<span class="newsNavigationName">{lang}de.wbb-elite.news.nextNews{/lang}</span>
								<span class="newsNavigationTitle">{$nextNews->getTitle()}</span>
							</div>
						</a>
					</li>
                {/if}
			</ul>
		</nav>
	</div>
{/if}

{capture assign='footerBoxes'}
    {if DE_WBB_ELITE_NEWS_SOURCE_ENABLE && $news->getSources()|count}
		<section class="box">
			<h2 class="boxTitle">{lang}de.wbb-elite.news.sources.title{/lang}</h2>
			<div class="boxContent">
				<ol class="nativeList">
                    {foreach from=$news->getSourcesWithNewsUpdates() item=source key=sourceID}
						<li id="newsSource{@$sourceID}">
							<ul>
                                {if $source["source"]}
									<li>
										<strong>{@$source["source"]}</strong>
									</li>
                                {/if}
							</ul>
						</li>
                    {/foreach}
				</ol>
			</div>
		</section>
    {/if}
    {if $tags|count}
		<section class="box">
			<h2 class="boxTitle">{lang}wcf.tagging.tags{/lang}</h2>

			<div class="boxContent">
				<ul class="tagList">
                    {foreach from=$tags item=tag}
						<li>
							<a href="{link controller='Tagged' object=$tag}objectType=de.wbb-elite.news.tag{/link}"
							   class="tag jsTooltip" title="{lang}de.wbb-elite.news.tag.title{/lang}">{$tag->name}</a>
						</li>
                    {/foreach}
				</ul>
			</div>
		</section>
    {/if}
    {if ENABLE_SHARE_BUTTONS}
		<section class="box boxFullWidth jsOnly">
			<h2 class="boxTitle">{lang}wcf.message.share{/lang}</h2>

			<div class="boxContent">
                {include file='shareButtons'}
			</div>
		</section>
    {/if}
    {event name='infoBoxes'}
{/capture}

{if DE_WBB_ELITE_NEWS_COMMENTS_BOTTOM && DE_WBB_ELITE_NEWS_ENABLE_COMMENT}
    {if $commentList|count || $commentCanAdd}
        <section class="section">
            <h2 class="sectionTitle">{lang}de.wbb-elite.news.tab.comment{/lang}</h2>
            {include file='__commentJavaScript' commentContainerID='newsCommentList'}
            <ul id="newsCommentList" class="commentList containerList"
                data-can-add="{if $commentCanAdd}true{else}false{/if}" data-object-id="{@$news->newsID}"
                data-object-type-id="{@$commentObjectTypeID}" data-comments="{@$commentList->countObjects()}"
                data-last-comment-time="{@$lastCommentTime}">
                {if $commentCanAdd}{include file='commentListAddComment' wysiwygSelector='newsCommentListAddComment'}{/if}
                {include file='commentList'}
            </ul>
        </section>
    {/if}
{/if}


<footer class="contentFooter">
    {if $enableEditMode}
		<nav class="jsClipboardEditor" data-types="[ 'de.wbb-elite.news.clipboard' ]"></nav>
    {/if}
</footer>
<script data-relocate="true">
    {if MODULE_LIKE}
    require(['WoltLabSuite/Core/Ui/Reaction/Handler'], function (ReactionHandler) {
        new ReactionHandler('de.wbb-elite.news.likeableNews', {
            // settings
            isSingleItem: true,
            isButtonGroupNavigation: true,
            // permissions
            canReact: {if $__wcf->getUser()->userID}true{else}false{/if},
            canReactToOwnContent: false,
            canViewReactions: {if LIKE_SHOW_SUMMARY}true{else}false{/if},
            // selectors
            containerSelector: '.likeNews',
            summaryListSelector: '.newsReactionSummary'
        });
    });
    {/if}
    require(['WoltLabSuite/Core/Language', 'WBBElite/News/Controller/News', 'WBBElite/News/Controller/NewsUpdate'], function (Language, ControllerNews, ControllerNewsUpdate) {
        Language.addObject({
            'de.wbb-elite.news.news.edit.title': '{jslang}de.wbb-elite.news.news.edit.title{/jslang}',
            'de.wbb-elite.news.news.update.edit.title': '{jslang}de.wbb-elite.news.news.update.edit.title{/jslang}',
            'de.wbb-elite.news.trash.confirmMessage': '{jslang}de.wbb-elite.news.trash.confirmMessage{/jslang}',
            'de.wbb-elite.news.trash.reason': '{jslang}de.wbb-elite.news.trash.reason{/jslang}',
            'de.wbb-elite.news.delete.complete': '{jslang}de.wbb-elite.news.delete.complete{/jslang}',
            'de.wbb-elite.news.restore': '{jslang}de.wbb-elite.news.restore{/jslang}',
            'de.wbb-elite.news.edit.enable': '{jslang}de.wbb-elite.news.edit.enable{/jslang}',
            'de.wbb-elite.news.enableTime.now': '{jslang}de.wbb-elite.news.enableTime.now{/jslang}',
            'wcf.message.status.disabled': '{jslang}wcf.message.status.disabled{/jslang}',
            'wcf.message.status.deleted': '{jslang}wcf.message.status.deleted{/jslang}',
            'wcf.user.objectWatch.manageSubscription': '{jslang}wcf.user.objectWatch.manageSubscription{/jslang}',
            'de.wbb-elite.news.update.add': '{jslang}de.wbb-elite.news.update.add{/jslang}',
            'de.wbb-elite.news.update.trash.confirmMessage': '{jslang}de.wbb-elite.news.update.trash.confirmMessage{/jslang}'
        });
        ControllerNewsUpdate.init({@$news->newsID}, {
            clipboard: false,
            newsUpdateInlineEditor: {if $news->canManageUpdates()}true{else}false{/if},
            newsUpdateManager: {if $news->canManageUpdates()}true{else}false{/if},
        }, {
            newsUpdateInlineEditor: {
                canEditInline: false
            },
        });
        ControllerNews.init({@$news->newsID}, {
            clipboard: false,
            newsUpdateManager: ControllerNewsUpdate.getNewsUpdateManager(),
            newsInlineEditor: {if $news->isEditable()}true{else}false{/if},
            newsManager: {if $news->isEditable()}true{else}false{/if},
            canAddUpdate: {if $news->canAddUpdate()}true{else}false{/if},
        }, {
            newsInlineEditor: {
                canEditInline: false
            },
        });
    });
    {if $__wcf->user->userID}
    require(['WBBElite/News/Ui/News/Subscription'], function (UiNewsSubscription) {
        new UiNewsSubscription();
    });
    {/if}
    {if $enableEditMode}
    require(['WBBElite/News/Controller/Update/Clipboard'], function (ControllerClipboard) {
        new ControllerClipboard({
            hasMarkedItems: {if $hasMarkedItems}true{else}false{/if}
        });
    });
    {/if}
    $(function () {
        {if $__wcf->session->getPermission('user.profile.canReportContent')}
        new WCF.Moderation.Report.Content('de.wbb-elite.news.report', '.jsReportNews');
        {/if}
    });
</script>
{include file='footer'}